<template>
  <div>
    <Row class="search-info-style" >
      <Col span="6">
        <span>发起区县：</span>
        <Select clearable v-model="searchInfo.out_city_code" filterable transfer="" clearable @on-change="getMailList2(4,searchInfo.out_city_code)" style="width:70%">
          <Option :value="item.code" v-for="item in mailList1" v-bind:key="item.code">{{item.name}}</Option>
        </Select>
      </Col>
      <Col span="6">
        <span>发起街道：</span>
        <Select clearable v-model="searchInfo.out_street_code" filterable transfer="" clearable @on-change="getMailList2(5, searchInfo.out_street_code)" style="width:70%">
          <Option :value="item.code" v-for="item in mailList2" v-bind:key="item.code">{{item.name}}</Option>
        </Select>
      </Col>
      <Col span="6">
        <span>发起社区：</span>
        <Select clearable v-model="searchInfo.out_community_code" filterable transfer="" clearable style="width:70%">
          <Option :value="item.code" v-for="item in mailList3" v-bind:key="item.code">{{item.name}}</Option>
        </Select>
      </Col>
    </Row>
    <Row class="search-info-style" >
      <Col span="6">
        <span>调入区县：</span>
        <Select clearable v-model="searchInfo.put_city_code" filterable transfer="" clearable @on-change="getMailList4(4,searchInfo.put_city_code)" style="width:70%">
          <Option :value="item.code" v-for="item in mailList5" v-bind:key="item.code">{{item.name}}</Option>
        </Select>
      </Col>
      <Col span="6">
        <span>调入街道：</span>
        <Select clearable v-model="searchInfo.put_street_code" filterable transfer="" clearable @on-change="getMailList4(5, searchInfo.put_street_code)" style="width:70%">
          <Option :value="item.code" v-for="item in mailList6" v-bind:key="item.code">{{item.name}}</Option>
        </Select>
      </Col>
      <Col span="6">
        <span>调入社区：</span>
        <Select clearable v-model="searchInfo.put_community_code" filterable transfer="" clearable style="width:70%">
          <Option :value="item.code" v-for="item in mailList7" v-bind:key="item.code">{{item.name}}</Option>
        </Select>
      </Col>
    </Row>
    <Row class="search-info-style">
      <Col span="6">
        <span>&nbsp;姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名&nbsp;：</span>
        <Input v-model="searchInfo.name" placeholder="姓名" style="width:70%" />
      </Col>
      <Col span="6">
        <span>证件号码：</span>
        <Input v-model="searchInfo.card_no" placeholder="证件号码" style="width:70%" />
      </Col>
      <Col style="float:right" pull="1">
        <Button class="new-btn-sty" @click="init()"><Icon type="ios-search" />搜索</Button>
<!--        <Button v-if="this.$store.state.user.severUserInfo.company_grade === '5'" class="new-btn-sty" @click="add()"><Icon type="md-add" />添加成员</Button>-->
      </Col>
      <Col span="6">
        <span>事项类型：</span>
        <Select clearable style="width:70%" v-model="searchInfo.event_type">
          <Option :value='1'>市内调动</Option>
          <Option :value="2">区内调动</Option>
          <Option :value="3">街道内调动</Option>
          <Option :value="4">跨区调动</Option>
          <Option :value="5">跨街道调动</Option>
          <Option :value="6">入职申请</Option>
          <Option :value="7">信息更新</Option>
<!--          <Option :value="8">入职申请（其他人员）</Option>-->
          <Option :value="9">注销</Option>
        </Select>
      </Col>
    </Row>
    <Table border :columns="columns" :data="data">
      <template slot-scope="{ row }" slot="type">
        <div v-for="item in labelList.typeList" key="item.number">
          <span v-if="item.number === row.type">{{ item.type_name }}</span>
        </div>
      </template>
      <template slot-scope="{ row }" slot="event_type">
        <span v-if="row.event_type === '1'">市内调动</span>
        <span v-if="row.event_type === '2'">区内调动</span>
        <span v-if="row.event_type === '3'">街道内调动</span>
        <span v-if="row.event_type === '4'">跨区调动</span>
        <span v-if="row.event_type === '5'">跨街道调动</span>
        <span v-if="row.event_type === '6'">入职申请</span>
        <span v-if="row.event_type === '7'">信息更新</span>
<!--        <span v-if="row.event_type === '8'">入职申请（其他人员）</span>-->
        <span v-if="row.event_type === '9'">注销</span>
      </template>
      <template slot-scope="{ row }" slot="status">
        <span v-if="row.status === '1'">调动审批中</span>
        <span v-if="row.status === '2'">审批通过</span>
        <span v-if="row.status === '3'">审批驳回</span>
        <span v-if="row.status === '4'">入职审批中</span>
        <span v-if="row.status === '5'">信息更新中</span>
        <span v-if="row.status === '6'">注销审批中</span>
      </template>
    </Table>
    <Row v-if="loadData == true">
      <Col class="demo-spin-col" span="8" offset="8">
        <Spin fix>
          <Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
          <div>数据正在加载</div>
        </Spin>
      </Col>
    </Row>
    <Page class="page_style" :total="totalnum" :current="currentPageNo"
          :page-size="currentPageSize" @on-change="changePageNo" show-total  show-sizer @on-page-size-change="size"/>
    <Modal v-model="flowEdit" title="流程跟踪" @on-ok="OK111">
      <div>
        <Steps :current="item.index" direction="vertical" v-for="(item,index) in flowList" v-bind:key="item.index">
          <Step icon="ios-arrow-dropright" :title="item.operating_status" :content="item.approval_name"></Step>
        </Steps>
      </div>
    </Modal>

    <Modal
      v-model="showCityModal" title="查看"
      width="100%"
      @on-ok="showCityModal = false"
      ok-text="确定"
      cancel-text="取消"
      @on-cancel="showCityModal = false">
      <div style="width: 100%;">
        <Row class="bench_search" >
          <Col span="5" align="center" >姓名<span style="color: red">(必填)</span></Col>
          <Col span="6">
            <Input disabled v-model="addinfo.CPBI003" type="text" style="width: 52.5%"></Input>
          </Col>
          <Col span="4" align="center" >身份证号<span style="color: red">(必填)</span></Col>
          <Col span="9">
            <Input disabled v-model="addinfo.CPBI002" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">性别<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Select disabled v-model="addinfo.CPBI005" filterable transfer="" style="width: 52.5%;">
              <Option :value="'0'" >男</Option>
              <Option :value="'1'" >女</Option>
            </Select>
          </Col>
          <Col span="4" align="center">婚姻状况<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Select disabled v-model="addinfo.CPBI006" filterable transfer="" style="width: 35%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[3]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">民族<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Select disabled v-model="addinfo.CPBI007" filterable transfer="" style="width: 52.5%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[4]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
          <Col span="4" align="center">政治面貌<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Select disabled v-model="addinfo.CPBI008" filterable transfer="" style="width: 35%;">
              <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">{{item.TYPENAME}}</Option>
            </Select>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">是否退役士兵定向<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Select disabled v-model="addinfo.CPBI009" filterable transfer="" style="width: 52.5%;">
              <Option :value="'Y'" >是</Option>
              <Option :value="'N'" >否</Option>
            </Select>
          </Col>
          <Col span="4" align="center">是否军嫂定向<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Select disabled v-model="addinfo.CPBI010" filterable transfer="" style="width: 35%;">
              <Option :value="'Y'" >是</Option>
              <Option :value="'N'" >否</Option>
            </Select>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">人员类型<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <CheckboxGroup v-model="addinfo.personnel_type">
              <Checkbox disabled v-for="item in typeList" :value="item.TYPECODE" v-bind:key="item.TYPECODE">{{ item.TYPENAME }}</Checkbox>
            </CheckboxGroup>
            <!--            <Select disabled v-model="addinfo.CPBI011" filterable transfer="" style="width: 52.5%;">-->
            <!--              <Option :value="'Y'" >是</Option>-->
            <!--              <Option :value="'N'" >否</Option>-->
            <!--            </Select>-->
          </Col>
          <Col span="4" align="center">户籍地址<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Input disabled v-model="addinfo.CPBI012" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">联系方式<span style="color: red">(必填)</span></Col>
          <Col span="6" >
            <Input disabled v-model="addinfo.CPBI013" type="text" style="width: 52.5%"></Input>
          </Col>
          <Col span="4" align="center">家庭住址<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <Input disabled v-model="addinfo.CPBI014" type="text" style="width: 35%"></Input>
          </Col>
        </Row>
        <Row class="bench_search">
          <Col span="5" align="center">免冠照片<span style="color: red">(必填)</span></Col>
          <Col span="4" >
            <!--            <Upload v-if="addinfo.files === undefined || fileUrlList.length < 0" multiple type="drag" action="http://120.27.63.37:38081/api/ac/file/fileCommonService/upLoadFiles" style="">-->
            <!--              &lt;!&ndash; <Button icon="ios-cloud-upload-outline">上传附件</Button>-->
            <!--              <span style="margin-left: 100px">请上传小于100M的文件（.jpg/.png/.ico/.pdf/.doc/.docx/.excel）</span> &ndash;&gt;-->
            <!--              <div style="padding: 40px 50px">-->
            <!--                <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>-->
            <!--                <p>免冠照片, 最大为2M,最大像素为200 * 300(.jpg/.png)</p>-->
            <!--              </div>-->
            <!--            </Upload>-->
            <div v-if="addinfo.files || fileUrlList.length > 0">
              <Row :gutter="20">
                <Col span="16">
                  <div v-for="(item, index) in fileUrlList" :key="'index3'+index" >
                    <img :src="item" :title="item" width="150px" height="200px" style="color: #457eca; font-size: 14px;"></img>
                    <!--                    <button style="float: right;position: absolute;" @click="addIMG1">重新上传</button>-->
                  </div>
                </Col>
              </Row>
            </div>
          </Col>
          <Col span="4" align="center">身份证正反上传<span style="color: red">(必填)</span></Col>
          <Col span="9" >
            <!--            <Upload v-if="addinfo.files2 === undefined || fileUrlList2.length < 0" multiple type="drag" action="http://120.27.63.37:38081/api/ac/file/fileCommonService/upLoadFiles" style="width: 250px;float: left">-->
            <!--              &lt;!&ndash; <Button icon="ios-cloud-upload-outline">上传附件</Button>-->
            <!--              <span style="margin-left: 100px">请上传小于100M的文件（.jpg/.png/.ico/.pdf/.doc/.docx/.excel）</span> &ndash;&gt;-->
            <!--              <div style="padding: 40px 40px;">-->
            <!--                <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>-->
            <!--                <p>身份证正面照片, 最大为2M(.jpg/.png)</p>-->
            <!--              </div>-->
            <!--            </Upload>-->
            <div v-if="addinfo.files2 || fileUrlList2.length > 0" style="float: left">
              <Row :gutter="20">
                <Col span="24">
                  <div v-for="(item, index) in fileUrlList2" :key="index" style="float: left; margin-right: 5px">
                    <img :src="item" :title="item" width="250px" height="170px" style="float: left;"></img>
                    <!--                    <button @click="addIMG2">重新上传</button>-->
                  </div>
                </Col>
              </Row>
            </div>
            <!--反面-->
            <!--            <Upload v-if="addinfo.files3 === undefined || fileUrlList3.length < 0" multiple type="drag" action="http://120.27.63.37:38081/api/ac/file/fileCommonService/upLoadFiles" style="width: 250px;float: left">-->
            <!--              &lt;!&ndash; <Button icon="ios-cloud-upload-outline">上传附件</Button>-->
            <!--              <span style="margin-left: 100px">请上传小于100M的文件（.jpg/.png/.ico/.pdf/.doc/.docx/.excel）</span> &ndash;&gt;-->
            <!--              <div style="padding: 40px 40px;">-->
            <!--                <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>-->
            <!--                <p>身份证反面照片, 最大为2M(.jpg/.png)</p>-->
            <!--              </div>-->
            <!--            </Upload>-->
            <div v-if="addinfo.files3 || fileUrlList3.length > 0" style="float: left">
              <Row :gutter="20">
                <Col span="24">
                  <div v-for="(item, index) in fileUrlList3" :key="index + '0'" style="float: left;margin-left: 10px">
                    <img :src="item" :title="item" width="250px" height="170px" style="float: left;"></img>
                    <!--                    <button @click="addIMG3">重新上传</button>-->
                  </div>
                </Col>
              </Row>
            </div>
          </Col>
        </Row>
      </div>
    </Modal>


    <Modal
      v-model="errorModal" title="驳回原因"
      @on-ok="errorModal = false"
      ok-text="确定"
      cancel-text="取消"
      @on-cancel="errorModal = false">
      <p style="text-align: center; font-size: 24px">驳回原因：{{message}}</p>
    </Modal>
  </div>
</template>
<script>
import { getPersonInfo, getPersonnel, findPersonnelTypeList, getOffice, getTypeNameList } from '@/api/eventlist'
import { myDoneList, findFlowList } from '@/api/worker.js'
import { getTypeList } from '@/api/personInfo.js'
export default {
  // components: {Export},
  data () {
    return {
      currentPageNo: 1,
      currentPageSize: 10,
      totalnum: 0,
      message: '',
      loadData: true,
      flowEdit: false,
      errorModal: false,
      searchInfo: {},
      flowList: [],
      data: [],
      columns: [
        { title: '序号', type: 'index', width: 80, align: 'center' },
        { title: '姓名', key: 'name', width: 100, align: 'center' },
        { title: '身份证号', key: 'card_no', width: 180, align: 'center' },
        { title: '人员类型', slot: 'type', width: 200, align: 'center' },
        { title: '事项类型', slot: 'event_type', width: 200, align: 'center' },
        { title: '状态', slot: 'status', width: 200, align: 'center' },
        { title: '发起机构', key: 'out_community_name', width: 250, align: 'center' },
        { title: '调入机构', key: 'put_community_name', width: 250, align: 'center' },
        {
          title: '操作',
          key: 'action',
          align: 'center',
          className: 'nopadding',
          minWidth: 150,
          render: (h, params) => {
            let temp = []
            temp.push(
              // h('Button', {
              //   props: { type: 'error', size: 'small' },
              //   style: { marginRight: '5px', backgroundColor: '#B29ADD', borderColor: '#B29ADD' },
              //   on: {
              //     click: () => {
              //       this.getPersonnel(params.row)
              //     }
              //   }
              // }, '查看信息'),
              h('Button', {
                props: { type: 'error', size: 'small' },
                style: { marginRight: '5px', backgroundColor: '#18B0FF', borderColor: '#18B0FF' },
                on: {
                  click: () => {
                    this.getView(params.row)
                  }
                }
              }, '查看流程')
            )
            if (params.row.status === '3') {
              temp.push(
                h('Button', {
                  props: { type: 'error', size: 'small' },
                  style: { marginRight: '5px', backgroundColor: '#005B66', borderColor: '#005B66' },
                  on: {
                    click: () => {
                      this.getReason(params.row)
                    }
                  }
                }, '驳回原因')
              )
            }
            return h('div', temp)
          }
        }
      ],
      fileUrlList: [],
      fileUrlList2: [],
      fileUrlList3: [],
      familyInfoList: [],
      assessmentInfoList: [],
      typeList: [],
      judge: false,
      judge2: false,
      judge3: false,
      mailList1: [],
      mailList2: [],
      mailList3: [],
      mailList5: [],
      mailList6: [],
      mailList7: [],
      showModal: false,
      showCityModal: false,
      addinfo: {},
      showinfo: {},
      dictList: [[], [], []],
      labelList: { typeList: [] }
    }
  },
  methods: {
    init () {
      let param = {
        pageSize: this.currentPageSize,
        pageNo: this.currentPageNo,
        card_no: this.searchInfo.card_no,
        name: this.searchInfo.name,
        out_city_code: this.searchInfo.out_city_code,
        out_street_code: this.searchInfo.out_street_code,
        out_community_code: this.searchInfo.out_community_code,
        put_city_code: this.searchInfo.put_city_code,
        put_street_code: this.searchInfo.put_street_code,
        put_community_code: this.searchInfo.put_community_code,
        event_type: this.searchInfo.event_type
      }
      myDoneList(param).then(res => {
        if (res.data.errcode === 0) {
          this.data = res.data.data.results
          this.loadData = false
          this.totalnum = res.data.data.totalRecord
        } else {
          this.$Notice.error({ title: '获取列表失败', desc: res.data.errmsg })
          this.loadData = false
        }
      })
    },
    getReason (item) {
      this.errorModal = true
      this.message = item.reason
    },
    getView (item) {
      findFlowList(item).then(res => {
        if (res.data.errcode === 0) {
          this.flowEdit = true
          this.flowList = res.data.data
          this.flowList.forEach(function (temp, index) {
            if (temp.operating_status === '0') {
              temp.operating_status = '发起:操作时间-' + temp.create_time
            } else if (temp.operating_status === '1') {
              if (temp.result === '1') {
                temp.operating_status = '已审批---通过:操作时间-' + temp.update_time
              } else if (temp.result === '2') {
                temp.operating_status = '已审批---驳回:操作时间-' + temp.update_time
              }
            } else if (temp.operating_status === '2') {
              temp.operating_status = '待审批'
            } else if (temp.operating_status === '3') {
              temp.operating_status = '未审批'
            }
            temp.approval_name = '操作机构：' + temp.approval_name
            if (temp.result != '' && temp.result != null) {
              temp.num = index + 2
              console.log(temp.num)
            }
            // this.flowList.push(temp)
          })
        } else {
          this.$Notice.error({ title: '获取流程失败', desc: res.data.errmsg })
        }
      })
    },
    OK111() {
      this.flowEdit = false
    },
    size (pageSize) {
      this.currentPageSize = pageSize
      this.changePageNo()
    },
    changePageNo (pageNo) {
      this.currentPageNo = pageNo
      this.init()
    },
    getPersonnel (item) {
      this.fileUrlList = []
      this.fileUrlList2 = []
      this.fileUrlList3 = []
      this.addinfo = {}
      this.showinfo = {}
      if (item.event_type === 8) {
        this.getPersonnelCity(item.card_no)
      } else {
        getPersonInfo({ id: item.ID }).then(res => {
          if (res.data.errcode === 0) {
            this.showinfo = res.data.data
            this.showModal = true
            if (res.data.data.CPBI015) {
              this.judge = true
              // this.updateinfo.files = res.data.data.CPBI015
              this.fileUrlList.push(res.data.data.CPBI015)
            } else {
              this.judge = false
            }
            if (res.data.data.CPBI016) {
              this.judge2 = true
              // this.updateinfo.files2 = res.data.data.CPBI016
              this.fileUrlList2.push(res.data.data.CPBI016)
            } else {
              this.judge2 = false
            }
            if (res.data.data.CPBI019) {
              this.judge3 = true
              // this.updateinfo.files3 = res.data.data.CPBI019
              this.fileUrlList3.push(res.data.data.CPBI019)
            } else {
              this.judge3 = false
            }
            // if (this.companyGrade === '2') {
            this.getMailList(2, null)
            this.getMailList2(4,this.showinfo.CPWI023)
            this.showinfo.CPWI024 = res.data.data.CPWI024
            this.getMailList2(5,this.showinfo.CPWI024)
            // }
            // this.fileUrlList.push(res.data.data.CPBI015)
            // this.fileUrlList2.push(res.data.data.CPBI016)
            // this.fileUrlList3.push(res.data.data.CPBI019)
            this.index1 = this.fileUrlList.length - 1
            this.index2 = this.fileUrlList2.length - 1
            this.index3 = this.fileUrlList3.length - 1
            if (res.data.data.CPWI017 !== undefined) {
              this.showinfo.CPWI017 = res.data.data.CPWI017.toString().split(',')
            }
            if (res.data.data.personnel_type !== undefined) {
              this.showinfo.personnel_type = res.data.data.personnel_type.toString().split(',')
            }
            this.familyInfoList = res.data.data.familyInfoList
            this.assessmentInfoList = res.data.data.assessmentInfoList
          } else {
            this.$Notice.error({
              title: '获取人员信息失败',
              desc: res.data.errmsg
            })
          }
        })
      }
    },
    getPersonnelCity (card_no) {
      this.addinfo = {}
      getPersonnel({CPBI002: card_no}).then(res => {
        if (res.data.errcode === 0) {
          this.showCityModal = true
          this.addinfo = res.data.data
          if (res.data.data.personnel_type !== undefined) {
            this.addinfo.personnel_type = res.data.data.personnel_type.toString().split(',')
          }
          if (res.data.data.CPBI015) {
            this.judge = true
            this.addinfo.files = res.data.data.CPBI015
            this.fileUrlList.push(res.data.data.CPBI015)
          }
          if (res.data.data.CPBI016) {
            this.judge2 = true
            this.addinfo.files2 =
              this.fileUrlList2.push(res.data.data.CPBI016)
          }
          if (res.data.data.CPBI019) {
            this.judge3 = true
            this.addinfo.files3 = res.data.data.CPBI019
            this.fileUrlList3.push(res.data.data.CPBI019)
          }
        } else {
          this.$Notice.error({
            title: '获取人员信息失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    getMailList (grade, code) {
      // this.searchInfo['grade' + (index + 1)] = 0
      getOffice({ grade: grade, code: code }).then(res => {
        if (res.data.errcode === 0) {
          this.mailList1 = res.data.data
        } else {
          this.$Notice.error({ title: '获取信息失败', desc: '查询区域列表信息失败' })
        }
      })
    },
    getMailList2 (grade, code) {
      // this.searchInfo['grade' + (index + 1)] = 0
      getOffice({ code: code }).then(res => {
        if (res.data.errcode === 0) {
          if (grade === 4) {
            this.mailList2 = res.data.data
          } else if (grade === 5) {
            this.mailList3 = res.data.data
          }
        } else {
          this.$Notice.error({ title: '获取信息失败', desc: '查询区域列表信息失败' })
        }
      })
    },
    getMailList3 (grade, code) {
      getOffice({ grade: grade, code: code }).then(res => {
        if (res.data.errcode === 0) {
          this.mailList5 = res.data.data
        } else {
          this.$Notice.error({ title: '获取信息失败', desc: '查询区域列表信息失败' })
        }
      })
    },
    getMailList4 (grade, code) {
      getOffice({ code: code }).then(res => {
        if (res.data.errcode === 0) {
          if (grade === 4) {
            this.mailList6 = res.data.data
          } else if (grade === 5) {
            this.mailList7 = res.data.data
          }
          // this.mailList[index].unshift({ id: 0, title: '全部' })
          // this.$forceUpdate()
        } else {
          this.$Notice.error({ title: '获取信息失败', desc: '查询区域列表信息失败' })
        }
      })
    },
    findPersonnelTypeList () {
      findPersonnelTypeList().then(res => {
        if (res.data.errcode === 0) {
          this.typeList = res.data.data
        } else {
          this.$Notice.error({
            title: '获取人员状态失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    getTypeList () {
      let param1 = { // 人员类型
        pid: '10001'
      }
      getTypeList(param1).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.typeList = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
    }
  },
  mounted() {
    this.init()
    this.getTypeList()
    this.findPersonnelTypeList()
    this.getMailList(2, null)
    this.getMailList3(2, null)
  }
}
</script>
<style>
.page_style {
  margin-top: 10px;
  text-align: right;
}
.new-btn-sty {
  margin-right: 5px;
  color: #fff;
  background-color: #235CA7;
  border-color: #235CA7;
  font-weight: 500;
}
.search-info-style {
  margin: 10px;
}
.bench_search {
  margin-bottom: 10px;
}
</style>
